$(function () {

	var magnifierConfig = {
		magnifier: "#magnifier1",//最外层的大容器
		width: 500,//承载容器宽
		height: 500,//承载容器高
		moveWidth: null,//如果设置了移动盒子的宽度，则不计算缩放比例
		zoom: 5//缩放比例
	};

	var _magnifier = magnifier(magnifierConfig);

	/*magnifier的内置函数调用*/
	/*
		//设置magnifier函数的index属性
		_magnifier.setIndex(1);

		//重新载入主图,根据magnifier函数的index属性
		_magnifier.eqImg();
	*/


	$("#joinD .jia").click(function () {

		let sb = Number($(this).siblings("input").val())//提取输入框的值且转为数字
		++sb

		$(this).siblings("input").val(sb)//点击+号的时候输入框的值自+1




	})
	//   点击减的时候自身数量-1

	$("#joinD .jian").click(function () {
		let sptx = $(this).siblings("input").val()//提取输入框的值
		if (sptx > 1) {//判定不可以少于0
			--sptx
			$(this).siblings("input").val(sptx) //点击-号的时候输入框的值自-1
		}

	})

	//限定用户输入其他字符 必须输入数字
	$("#joinD>input").change(function () {
		let inpVal = $(this).val();//获取用户输入的值
		if (inpVal >= 1 && inpVal === parseInt) {

		} else {
			$(this).val("1");//将非法的输入默认为1
		}

	})

	$(".xxkbtn1").mouseover(function(){
		$(this).css("backgroundColor","orange").css("color","white").siblings().css("color","black").css("backgroundColor","grey")
		$(".xxk-left ul li").css("display","none")
		$(".bigimg img").css("display","block")
	})
	$(".xxkbtn2").mouseover(function(){
		$(this).css("backgroundColor","orange").css("color","white").siblings().css("color","black").css("backgroundColor","grey")
		$(".xxk-left ul li").css("display","block")
		$(".bigimg img").css("display","none")
	})


});